---
import experiences from "../collections/experiences.json";
import AboutExperience from "../components/about-experience.astro";
import PageHeading from "../components/page-heading.astro";
import Layout from "../layouts/main.astro";
---

<Layout title="关于 - 爱喝ad奶">
  <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
    <PageHeading
      title="关于 - 爱喝ad奶"
      description="👋 Hi, I’m ad, Welcome to this page."
    />

    <img src="/assets/images/about.jpg" class="relative z-30 w-full my-10 rounded-xl" />

    <h2 class="mb-2 text-2xl font-bold dark:text-neutral-200">a.d</h2>
    <p
      class="text-sm leading-6 text-gray-600 dark:text-neutral-400 sm:leading-7 lg:leading-8 sm:text-base lg:text-lg"
    >
    ⌨️ 努力的程序员 ||  📷业余的摄影师 || 📖未来的小说家
    </p>
    <h2
      class="mt-5 mb-2 text-2xl font-bold lg:mt-10 sm:mt-6 dark:text-neutral-200"
    >
      2025年度计划
    </h2>
    <ul
      class="py-2 space-y-[3px] list-disc list-inside dark:text-neutral-200"
      >
          <li><a href="https://www.ruankao.org.cn/" >软考高项：系统架构师</a></li>
          <li><a href="http://49.232.143.13:8080/" >整理资料开源小说网代码</a></li>
          <li>试运营源码网</li>
          <li>...</li>
    </ul>
  
    <h2
      class="mt-5 mb-2 text-2xl font-bold lg:mt-10 sm:mt-6 dark:text-neutral-200"
    >
      经历
    </h2>
    <div class="px-5 py-10">
      {
        experiences.map((experience, loop) => {
          return (
            <>
              {loop == 0 || loop == 1 ? (
                <div class="pb-10 border-l border-gray-200 dark:border-neutral-700">
                  <AboutExperience
                    dates={experience.dates}
                    role={experience.role}
                    company={experience.company}
                    description={experience.description}
                    logo={experience.logo}
                  />
                </div>
              ) : (
                <AboutExperience
                  dates={experience.dates}
                  role={experience.role}
                  company={experience.company}
                  description={experience.description}
                  logo={experience.logo}
                />
              )}
            </>
          )
        })
      }
    </div>
    <h2
      class="mt-5 mb-2 text-2xl font-bold lg:mt-10 sm:mt-6 dark:text-neutral-200"
    >
      比赛 & 证书
    </h2>
    <ul
      class="py-2 space-y-[3px] text-sm list-disc list-inside text-neutral-500 dark:text-neutral-400"
      >
          <li>软考中项：软件设计师</li>
          <li>2021中国大学生计算机设计大赛全国二等奖</li>
          <li>2023中国大学生计算机设计大赛全省二等奖</li>
    </ul>
    <h2 class="mt-5 mb-2 text-2xl font-bold lg:mt-10 sm:mt-6 dark:text-neutral-200">如何联系</h2>
    <p
      class="text-sm leading-6 text-gray-600 dark:text-neutral-400 sm:leading-7 lg:leading-8 sm:text-base lg:text-lg"
    >
      如果有什么疑问，可以在博客评论留言，或者通过<a
        href="https://blog.csdn.net/qq_26572789" target="_blank" class="text-indigo-600 underline">CSDN</a>、
        <a href="https://github.com/2585570153" class="text-indigo-600 underline">Github</a>、
        <a href="mailto:2585570153@qq.com" class="text-indigo-600 underline">邮箱</a>联系我。
    </p>
  </section>
</Layout>
